@import './reset.scss';
@import './iconfont.scss';
@import './element-reset.scss';
@import './btn.scss';
//@font-face {
//  font-family: 'SofiaProRegular';
//  src: url('~@/assets/fonts/SofiaProRegular.otf');
//  src: url('~@/assets/fonts/SofiaProRegular.woff2') format('woff'),
//       url('~@/assets/fonts/SofiaProRegular.woff') format('woff'),
//       url('~@/assets/fonts/SofiaProRegular.ttf') format('truetype'),
//       url('~@/assets/fonts/SofiaProRegular.svg') format('svg');
//  font-weight: normal;
//  font-style: normal;
//}
html ,body{
  height: 100%;
  box-sizing: border-box;
  font-family: PingFangSC-Regular,sans-serif,微软雅黑,Microsoft Yahei;
  font-size: $font-size-base;
}
/*修改滚动条样式*/
/*
::-webkit-scrollbar 滚动条整体部分
::-webkit-scrollbar-thumb  滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）
::-webkit-scrollbar-track  滚动条的轨道（里面装有Thumb）
::-webkit-scrollbar-button 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。
::-webkit-scrollbar-track-piece 内层轨道，滚动条中间部分（除去）
::-webkit-scrollbar-corner 边角，即两个滚动条的交汇处
::-webkit-resizer 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件
*/
.main-container {
  section, div {
    ::-webkit-scrollbar{
      max-width:6px;
      max-height:6px;
    }
    ::-webkit-scrollbar-track{
      background: rgb(239, 239, 239);
      border-radius:0px;
    }
    ::-webkit-scrollbar-thumb{
      background: #bfbfbf;
      border-radius:0px;
    }
    ::-webkit-scrollbar-thumb:hover{
      background: #777;
    }
  }
}
// 设置select下拉为absolute
.el-dialog__wrapper {
  .el-table.unset-overflow {
    overflow: unset;
    .el-table__body-wrapper {
      overflow: unset;
      td {
        .cell {
          overflow: unset;
        }
      }
    }
  }
  .select-class {
    position: absolute !important;
    left: 0 !important;
    top: 30px !important;
  }
}
.white-content{
  background: #fff;
  padding: 20px;
  border-radius: 10px;
}
.colorLink{
  cursor: pointer;
  color: $theme-color;
}
.detail-content-section{
  box-shadow: 0px 2px 12px -4px rgba(0, 0, 0, 0.15);
  padding: 15px 20px;
  background: #fff;
  margin-bottom: 15px;
  border-radius: 15px;
  color: #343434;
    h2 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px;
        font-weight: bold;
    }
 .el-table{
    border-top: 1px solid #dcdcdc;
  }
 .el-form-item .el-form-item__label{
    color: #343434 !important;
  }
.el-form-item{
    margin-bottom: 0;
  }
}